@extends('layout.app')
@section('title','Добавление инструктора')
@section('content')

    <div class="mt-10">
    <form enctype="multipart/form-data" action="{{ route('instructors.store')}}" method="POST" class="grid grid-cols-1 gap-[30px] max-w-[600px]">
        @csrf
        @method('POST')

        <div>
            <input name="name" type="text"  class="w-full shadow-sky-200 shadow p-[20px] rounded-[10px]" placeholder="Имя" value="">
            @error('name')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>

        <div>
            <input name="surname" type="text"  class="w-full shadow-sky-200 shadow p-[20px] rounded-[10px]" placeholder="Отчество" value="">
            @error('surname')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>
        <div>
            <input name="second_name" type="text"  class="w-full shadow-sky-200 shadow p-[20px] rounded-[10px]" placeholder="Фамилия" value="">
            @error('second_name')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>
        <div>
            <label for="sports">Спорт</label>
            <select id="sports" name="sports[]" required multiple>
                @foreach($sports as $sport)
                    <option value="{{ $sport->id }}">{{ $sport->name }}</option>
                @endforeach
            </select>
            @error('sports')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>


        <div>
            <select name="status" required>

                <option value="Шеф-инструктор" >Шеф-инструктор</option>

                <option value="Инструктор" selected>Инструктор</option>

                <option value="Инструктор-стажёр">Инструктор-стажёр</option>

                <option value="Инструктор-стажёр ЛМР" >Инструктор-стажёр ЛМР</option>

                <option value="Руководитель программы">Руководитель программы</option>

                <option value="Волонтер" >Волонтер</option>


            </select>
            @error('status')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>

        <div>

            <input type="radio" value="1"  id="recertification" name="recertification" checked>
            <label for="recertification">Переаттестация пройдена</label>

            <input type="radio" value="0"  id="recertification2" name="recertification" checked >
            <label for="recertification2">Переаттестация не пройдена</label>


            @error('recertification')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>

{{--        <div>--}}

{{--            <input type="radio" value="1"  id="teamGame" name="teamGame" checked>--}}
{{--            <label for="teamGame">Командные игры - Да</label>--}}

{{--            <input type="radio" value="0"  id="teamGame2" name="teamGame" >--}}
{{--            <label for="teamGame2">Командные игры - Нет</label>--}}


{{--            @error('teamGame')--}}
{{--            <div>--}}
{{--                {{ $message }}--}}
{{--            </div>--}}
{{--            @enderror--}}
{{--        </div>--}}




        <div>
            <select name="centers_id" required>
                <option>Выберите центр</option>
                @foreach($centers as $center)

                        <option value="{{ $center->id }}">{{ $center->name }}</option>


                @endforeach

            </select>
            @error('centers_id')
            <div>
                {{ $message }}
            </div>
            @enderror

        </div>
        <div>
            <select name="gender" required>
                <option>Выберите пол</option>
                <option value="мужской">Мужской</option>
                <option value="женский">Женский</option>

            </select>
            @error('gender')
            <div>
                {{ $message }}
            </div>
            @enderror

        </div>

        <div>
            <input name="cert_valid" type="date"  class="w-full shadow-sky-200 shadow p-[20px] rounded-[10px]" placeholder="Срок сертификата" value="">
            @error('cert_valid')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>

        <div>
            <input name="photo" type="file"  class="w-full shadow-sky-200 shadow p-[20px] rounded-[10px]" placeholder="Фото" value="">
            @error('photo')
            <div>
                {{ $message }}
            </div>
            @enderror
        </div>
        <input type="submit" value="Добавить" class="bg-blue-700 p-4 text-white font-bold">
    </form>
    </div>
@endsection
